<template>
  <div class="sales">
    <div class="fontStyle">
      <span>品质套餐</span>
      <span>搭配齐全，吃得好</span>
      <span>立即抢购 <el-icon><ArrowRight /></el-icon>
      </span>
    </div>
    <div>
      <img src="/images/饼.jpg">
    </div>
  </div>
</template>

<script setup>
import {ArrowRight} from '@element-plus/icons-vue'
</script>

<style scoped>
.sales {
  height: 150px;
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
  /*background-color: #0097ff;*/
}
.fontStyle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fontStyle span:nth-child(1) {
  font-weight: bold;
  /*margin-left: 30px;*/
}
.fontStyle span:nth-child(2) {
  margin-top: -50px;
  /*margin-left: 30px;*/
}
.fontStyle span:nth-child(3) {
  /*margin-left: 30px;*/
  /*margin-right: 20px;*/
  /*margin-bottom: 0;*/
  color: coral;
}
.sales img {
  /*margin-top: 30px;*/
  width: 180px;
  height: 100%;
}
</style>